#date {
    min-height: var(--minimal-height-block);
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;

}


#date::after {
  content: "";
  background: center /70% no-repeat url(../img/second.png);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: -1;
  filter: brightness(1) opacity(.3);
}


#dateh1 {
  font-size: var(--font-marks);
  font-family: var(--font-family-marks);
  font-weight: 400;
    opacity: 0;
}

#date p {
    text-align: center;
}


/* календарь */

#calendar1 {
    font-size: var(--font-text);
    text-align: center;
    opacity: 0;
}

#calendar1 thead tr:first-child {
   font-weight: bold;
   text-transform: uppercase;
   line-height: 30px;
}

#wedding-day {
    color: var(--color-text-hover);
    font-weight: bold;
    font-size: 25px;
    position: relative;

    animation: heartBeat 1.5s infinite;
    -webkit-animation: heartBeat 1.5s infinite;
}

#wedding-day::before {
    content : url(../img/heart1.png);
    font-size: 10px;
    opacity: .6;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    z-index: -1;
}

#add {
  margin-top: auto;
  opacity: 0;
  font-size: 16px;
  text-transform: uppercase;
}

.add-to>a>img {
    width: 30px;
    height: 30px;
    padding-right: 7px ;
    transition: all .3s;
}

.add-to>a>img:hover {
  filter: drop-shadow(0px 1px 1px #fca292);
}

@-webkit-keyframes heartBeat {
    0% {
      -webkit-transform: scale(1);
      -webkit-transform: scale(1);
    }
  
    14% {
      -webkit-transform: scale(1.3);
      -webkit-transform: scale(1.3);
    }
  
    28% {
      -webkit-transform: scale(1);
      -webkit-transform: scale(1);
    }
  
    42% {
      -webkit-transform: scale(1.3);
      -webkit-transform: scale(1.3);
    }
  
    70% {
      -webkit-transform: scale(1);
      -webkit-transform: scale(1);
    }

    100% {
      -webkit-transform: scale(1.3);
      -webkit-transform: scale(1.3);
    }
  }

  @keyframes heartBeat {
    0% {
      transform: scale(1);
      transform: scale(1);
    }
  
    14% {
      transform: scale(1.3);
      transform: scale(1.3);
    }
  
    28% {
      transform: scale(1);
      transform: scale(1);
    }
  
    42% {
      transform: scale(1.3);
      transform: scale(1.3);
    }
  
    70% {
      transform: scale(1);
      transform: scale(1);
    }

    100% {
      transform: scale(1.3);
      transform: scale(1.3);
    }
  }


  @media (max-width: 849px) {
    #dateh1,
    #calendar1 {
        padding: 0 20px;
    }
}

  @media (max-width: 600px) {
    #date::after {
      background: center /cover no-repeat url(../img/second.png);
      filter: brightness(1) opacity(.2);
    
    }
  }

